<!DOCTYPE html>
<html>
<head>
    <title>Admin Dashboard</title>
    <style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f4f4f4;
        margin: 0;
        padding: 0;
    }
     header {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }

        header a {
            color: #fff;
            text-decoration: none;
            margin-right: 20px;
        }

    h1 {
        color: #333;
    }

    form {
            display: inline-block;
        }

    input[type="text"] {
        padding: 10px;
        width: 200px;
        border-radius: 5px;
        border: 1px solid #ccc;
    }

    button[type="submit"],
    input[type="submit"] {
        padding: 15px 30px; /* 增加体积 */
        border-radius: 5px;
        border: none;
        background-color: #007bff;
        color: #fff;
        font-size: 16px; /* 设置字体大小 */
        margin: 15px;
        cursor: pointer;

    }


    button[type="submit"].logout,
    input[type="submit"].logout {
        background-color: #fff;
        color: #000;

    }

    button[type="submit"]:hover,
    input[type="submit"]:hover {
        background-color: #0056b3;
    }

    ul {
        list-style-type: none;
        padding: 0;
        display: flex;
        justify-content: center;
        margin: 20px 0;
    }

    ul li {
        margin: 0 30px;
    }

    ul li form {
        display: inline-block;
    }

    input[type="submit"] {
        padding: 15px 30px;
        border-radius: 5px;
        border: none;
        background-color: #007bff;
        color: #fff;
        cursor: pointer;
        margin: 5px; /* 按钮周围留边距 */
        display: block; /* 使按钮独占整行 */
    }



    .center-button {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 40px 80px; /* 增大按钮体积 */
        font-size: 36px; /* 增大字体大小 */
        border-radius: 5px;
        border: none;
        background-color: #007bff;
        color: #fff;
        cursor: pointer;
        display: block; /* 确保按钮独占整行 */
        margin: 10px auto; /* 上下边距，自动左右边距居中 */
        text-align: center; /* 文字居中 */
        transform: translate(-50%, -50%); /* 定位到正中偏下 */
    }
    .center-button2 {
        position: absolute;
        top: 50%;
        left: 15%;
        padding: 40px 80px; /* 增大按钮体积 */
        font-size: 36px; /* 增大字体大小 */
        border-radius: 5px;
        border: none;
        background-color: #007bff;
        color: #fff;
        cursor: pointer;
        display: block; /* 确保按钮独占整行 */
        margin: 10px auto; /* 上下边距，自动左右边距居中 */
        text-align: center; /* 文字居中 */
        transform: translate(-50%, -50%); /* 定位到正中偏下 */
    }
    .center-button1 {
        position: absolute;
        top: 50%;
        left: 85%;
        padding: 40px 80px; /* 增大按钮体积 */
        font-size: 36px; /* 增大字体大小 */
        border-radius: 5px;
        border: none;
        background-color: #007bff;
        color: #fff;
        cursor: pointer;
        display: block; /* 确保按钮独占整行 */
        margin: 10px auto; /* 上下边距，自动左右边距居中 */
        text-align: center; /* 文字居中 */
        transform: translate(-50%, -50%); /* 定位到正中偏下 */
    }

    </style>
</head>
<body>
    <header>
        <a>Admin Dashboard</a>
        <form action="/search" method="GET">
            <input type="text" name="query" placeholder="Search...">
            <button type="submit">Search</button>
        </form>
        <form action="/logout" method="post">
            <input type="submit" value="Logout" class="logout"> <!-- 添加 logout 类 -->
        </form>
    </header>

    <ul>
        <li>
            <form action="/admin/user_management/" method="get" class="center-button1">
                <input type="submit" value="User Management">
            </form>
        </li>
        <li>
            <form action="/admin/course_enrollment" method="get" class="center-button2">
                <input type="submit" value="Course Enrollment">
            </form>
        </li>
        <li>
            <form action="/admin/lectures" method="get" class="center-button">
                <input type="submit" value="Lecture Management">
            </form>
        </li>
    </ul>

</body>
</html>



    </ul>

</body>
</html>